﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="membership_profile.aspx.cs" Inherits="membership_profile" %>

<%@ Register Src="_controls/header.ascx" TagName="header" TagPrefix="uc1" %>
<%@ Register Src="_controls/footer.ascx" TagName="footer" TagPrefix="uc2" %>
<%@ Register Src="_controls/membership_left_nav.ascx" TagName="membership_left_nav"
    TagPrefix="uc3" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="ctl00_Head1">
    <title>曼福旅游保险</title>
    <link rel="canonical" href="http://www.insureandgo.com" />
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="keywords" content="travel insurance, holiday insurance, annual travel insurance, ski insurance, backpackers insurance, annual, cheap, uk, insurance, insureandgo, InsureandGo," />
    <meta name="description" content="Buy cheap travel insurance from InsureandGo, the UK's largest direct travel insurer. Wide range of policies available. Prices from under &pound;6. Kids go free." />
    <meta name="robots" content="noodp" />
    <meta name="google-site-verification" content="_p3NAz7IjML6o1UMAukUDLvJ-q3yRO-14nTqkjd0dDI" />
    <meta name="WT.pi" content="index.html" />
    <link rel="shortcut icon" href="favicon.ico" />
    <link href="_common/styles/layout.css" rel="stylesheet" type="text/css" />
    <!--[if lte IE 7]>
        <link rel="stylesheet" type="text/css" href="_common/styles/lteie7.css" />
    <![endif]-->
    <!-- jquery style sheets -->
    <!-- jquery libraries -->
    <script src="_common/scripts/jquery/jquery-1.6.2.js" type="text/javascript"></script>
    <script src="_common/scripts/jquery/UI/jquery.ui.core.js" type="text/javascript"></script>
    <script src="_common/scripts/jquery/UI/jquery.ui.widget.js" type="text/javascript"></script>
    <script type="text/javascript" src="_common/scripts/utility.js"></script>
    <script src="_common/scripts/ifeng_marquee.js" type="text/javascript"></script>
    <link rel="stylesheet" href="_common/styles/styles.css" type="text/css" />
    <link href="_common/styles/style-compressed.css" rel="stylesheet" type="text/css" /> 
    <link href="_common/styles/product_items.css" rel="stylesheet" type="text/css" />
    <link href="_common/styles/shopping_order_layout.css" rel="stylesheet" type="text/css" />
    <link href="_common/styles/form_layout.css" rel="stylesheet" type="text/css" />
    <link href="_common/styles/compare.css" rel="stylesheet" type="text/css" />
    <link href="_common/styles/dialog.css" rel="stylesheet" type="text/css" />
    <!-- ANALYTICS END -->
    <script language="javascript" src="_common/datepicker/wdatepicker.js" type="text/javascript"></script>
    <script src="_common/scripts/Util.js" type="text/javascript"></script>
    <script type="text/javascript" src="_common/scripts/jquery_regform_validator.js"></script>     
    <script language="javascript" src="_common/scripts/jquery_json.js" type="text/javascript"></script> 
    <script language="javascript" src="_common/scripts/jquery_stringutil.js" type="text/javascript"></script> 
    <script language="javascript" src="_common/scripts/interface.js" type="text/javascript"></script> 
    <script src="_common/scripts/jq_order_utility.js" type="text/javascript"></script> 
    
    <script type="text/javascript">
        $(document).ready(function () {
            validator.setup("#form1"); 

            InitObj();
            /// 加载地区选择列表
            if ($("#txtProvinceId").val() != "")
                $("#selProvinceList").val($("#txtProvinceId").val());

            LoadRegionList('init', 'province', 1);
            LoadRegionList('init', 'city', 2);
            LoadRegionList('init', 'countie', 3);
        })
        /// 初始化数据
        function InitializeObj() {
            var values = null;
            $.ajax({
                async: false,
                type: "POST",
                url: prependOrgName("/membership_profile.aspx"),
                data: { otype: "init" },
                success: function (data, textStatus) {
                    values = data;
                }
            });
            return values;
        }
        /// 初始化编辑内容
        function InitObj() {
            var _values = InitializeObj();
            $(_values).find("filed").each(function () {
                if ($("#txt" + $(this).attr("name")))
                    $("#txt" + $(this).attr("name")).val($(this).text());

                if ($("#sel" + $(this).attr("name")))
                    $("#sel" + $(this).attr("name")).val($(this).text());
            })
        }
        function SaveUserInfo() {
            $.ajax({
                async: true,
                type: "POST",
                url: prependOrgName("/membership_profile.aspx"),
                data: {
                    otype: "save",
                    txtUsername: $("#txtUsername").val(),
                    txtMobileAlias: $("#txtMobileAlias").val(),
                    txtRegionInfo: GetDrpListText("selProvinceList") + " | " + GetDrpListText("selCityList") + " | " + GetDrpListText("selCountiesList"),
                    txtMobilePIN: $("#txtMobilePIN").val(),
                    txtIsApproved: $("#txtIsApproved").val(),
                    txtIsLockedOut: $("#txtIsLockedOut").val(),
                    txtFullName: $("#txtFullName").val(),
                    txtBirthDay: $("#txtBirthDay").val(),
                    selGender: $("#selGender").val(),
                    txtAddress: $("#txtAddress").val(),
                    txtTel: $("#txtTel").val(),
                    txtZIP: $("#txtZIP").val(),
                    txtMobilePIN: $("#txtMobilePIN").val(),
                    txtEmail: $("#txtEmail").val(),
                    txtProvinceId: $("#txtProvinceId").val(),
                    txtCityId: $("#txtCityId").val(),
                    txtCountieId: $("#txtCountieId").val()
                },
                beforeSend: function () {
                    $("#success").css("display", "");
                },
                success: function (data, textStatus) {
                    $("#success").css("display", "none");
                    if (data == "succeeded") {
                        alert("保存成功！");
                    }
                    else {
                        alert(data);
                    }
                }
            });
        }
        function ValidatorSumbit() {
            var bl = false;
            var alertMsg = "";

            if (alertMsg != "") {
                alert(alertMsg);
                return false;
            }
            else
                return true;
        }
    </script>
</head>
<body> 

    <script type="text/javascript">
    <!--
        function ___doPostBack(eventTarget) {
            $("#___EVENTTARGET").val(eventTarget);
            $("#form1").submit();
        }
    // -->
    </script>

    <div id="success" style="position: absolute; z-index: 300; height: 93px; width: 273px;
        left: 54%; top: 60%; margin-left: -150px; margin-top: -80px; background: #F8F8F8;">
        <div style="position: absolute; z-index: 300; width: 270px; height: 90px; background-color: #FFF7D3;
            border: solid #E60113 1px; font-size: 14px;">
            <div style="height: 64px; line-height: 150%; padding: 0px 3px 0px 3px;" align="center">
                <br />
                <table>
                    <tr>
                        <td valign="top">
                            <img border="0" src="_imgs/progress.gif" />
                        </td>
                        <td valign="middle" style="font-size: 14px; width: 150px;">
                            操作执行中 ...<br />
                        </td>
                    </tr>
                </table>
                <br />
            </div>
        </div>
        <div style="position: absolute; width: 270px; height: 108px; z-index: 299; left: 4px;
            top: 5px; background-color: #E8E8E8; border: #E8E8E8 1px solid; display: none;">
        </div>
    </div>

    <script type="text/javascript">
        $("#success").css("display", "none"); 
    </script>

    <script src="_common/scripts/divcover.js" type="text/javascript"></script>
    <form id="form1" runat="server"> 
    <input type="hidden" name="___EVENTTARGET" id="___EVENTTARGET" value="" />
    <input id="txtProvinceId" type="hidden" name="txtProvinceId" />
    <input id="txtCityId" type="hidden" name="txtCityId" />
    <input id="txtCountieId" type="hidden" name="txtCountieId" />  
    <input id="txtMobileAlias" type="hidden" name="txtMobileAlias" />
    <input id="txtRegionInfo" type="hidden" name="txtRegionInfo" /> 
    <input id="txtIsApproved" type="hidden" name="txtIsApproved" />
    <input id="txtIsLockedOut" type="hidden" name="txtIsLockedOut" /> 
    <div class="cc-cookies">
    </div>
    <uc1:header ID="header1" runat="server" />
    <div class="clear">
    </div>
    <div id="main">
        <div id="secondary" class="widget-area">
            <uc3:membership_left_nav ID="membership_left_nav1" runat="server" />
        </div>
        <div class="rightContent"> 
            <div class="crumb">
                <a href="###">首页 </a><span>&gt; </span><em>个人资料修改</em>
            </div>
            <div class="clear">
            </div>
            <div class="innercontent" id="mainOrderContent">
                <div class="shoppingcart_box">
                <div class="form_content">
                    <div class="formcontent">   
                        <p class="form_titles">
                            个人资料</p>         
                        <div class="errorpaneltop" style="display: none;" id="divErrorMsg" runat="server">
                            <div class="errorpanelbottom">
                                <div class="errorcontent">
                                    <h3 class="error">
                                        错误提示</h3>
                                    <ul>{0}</ul>
                                </div>
                            </div>
                        </div>
                        <div class="fieldsetBtm"> 
                        </div>  
                        <div>
                            <table border="0" class="quoteForm" style="padding-left: 5px;">
                                <tbody>
                                    <tr>
                                        <td align="right" class="ControlTextLabels" style="height: 10px;">
                                            <span style="color: Red;">*</span>
                                            <label for="txtUsername">
                                                用户名：</label>
                                        </td>
                                        <td>
                                            <input type="text" class="textbox" id="txtUsername" name="txtUsername" style="width: 150px;" readonly="readonly" /> 
                                        </td>
                                    </tr>
                                    <tr style="line-height: 8px;">
                                        <td>
                                            &nbsp;
                                        </td>
                                    </tr>
                                    <tr>
                                        <td align="right" class="ControlTextLabels">
                                            <span style="color: Red;">*</span>
                                            <label for="txtFullName" >
                                                姓名：</label>
                                        </td>
                                        <td>
                                            <input type="text" class="textbox" id="txtFullName" name="txtFullName" style="width: 150px;"
                                                onfocus="this.className='colorfocus';" validatormsg="spanFullName" required="required"
                                                controlname="姓名" isvalidator /> 
                                            <span class="alertPanel" id="spanFullName"></span>
                                        </td>
                                    </tr> 
                                    <tr style="line-height: 8px;">
                                        <td>
                                            &nbsp;
                                        </td>
                                    </tr>
                                    <tr>
                                        <td align="right" class="ControlTextLabels">
                                            <label for="selSex" >
                                                性别：</label>
                                        </td>
                                        <td>
                                            <select name="selGender" id="selGender"> 
                                                <option value="0">男</option>
                                                <option value="1">女</option> 
                                            </select>
                                            <span style="color: Red; display: none;"></span>
                                        </td>
                                    </tr>
                                    <tr style="line-height: 8px;">
                                        <td>
                                            &nbsp;
                                        </td>
                                    </tr>
                                    <tr>
                                        <td align="right" class="ControlTextLabels" style="height: 10px;"> 
                                            <label for="txtBirthDay">
                                                生日：</label>
                                        </td>
                                        <td>
                                            <input type="text" style="width: 120px;" id="txtBirthDay" name="txtBirthDay" onfocus="WdatePicker({dateFmt:'yyyy-MM-dd'});" readonly /> 
                                        </td>
                                    </tr>
                                    <tr style="line-height: 8px;">
                                        <td>
                                            &nbsp;
                                        </td>
                                    </tr>
                                    <tr>
                                        <td align="right" class="ControlTextLabels" style="height: 10px;">
                                            <span style="color: Red;">*</span>
                                            <label for="txtEmail">
                                                E-Mail：</label>
                                        </td>
                                        <td>
                                            <input type="text" class="textbox" id="txtEmail" name="txtEmail" style="width: 200px;"
                                                onfocus="this.className='colorfocus';" validatormsg="spanEmail" required="required"
                                                controlname="E-Mail" isvalidator />
                                            <span class="alertPanel" id="spanEmail"></span> 
                                        </td>
                                    </tr> 
                                    <tr style="line-height: 8px;">
                                        <td>
                                            &nbsp;
                                        </td>
                                    </tr>
                                    <tr>
                                        <td align="right" class="ControlTextLabels" style="height: 10px;">
                                            <label for="txtMobilePIN">
                                                手机：</label>
                                        </td>
                                        <td>
                                            <input name="txtMobilePIN" type="text" maxlength="15" id="txtMobilePIN" style="width: 200px;" />
                                            <span style="color: Red; display: none;"></span>
                                        </td>
                                    </tr> 
                                    <tr style="line-height: 8px;">
                                        <td>
                                            &nbsp;
                                        </td>
                                    </tr>
                                    <tr>
                                        <td align="right" class="ControlTextLabels" style="height: 10px;">
                                            <label for="txtTel">
                                                联系电话：</label>
                                        </td>
                                        <td>
                                            <input name="txtTel" type="text" maxlength="15" id="txtTel" style="width: 200px;" />
                                            <span style="color: Red; display: none;"></span>
                                        </td>
                                    </tr> 
                                    <tr style="line-height: 8px;">
                                        <td>
                                            &nbsp;
                                        </td>
                                    </tr>
                                    <tr>
                                        <td align="right" class="ControlTextLabels" style="height: 10px;">
                                            <span style="color: Red;">*</span>
                                            <label for="selProvinceList">
                                                地区：</label>
                                        </td>
                                        <td>
                                           <select id="selProvinceList" name="selProvinceList">
                                            </select>
                                            <select id="selCityList" name="selCityList">
                                                <option value="">-- 选择城市 --</option>
                                            </select>
                                            <select id="selCountiesList" name="selCountiesList" required="required" controlname="地区"
                                                isvalidator validatormsg="spanCountiesList">
                                                <option value="">-- 选择区县 --</option>
                                            </select> 
                                            <span class="alertPanel" id="spanCountiesList"></span> 
                                        </td>
                                    </tr> 
                                    <tr style="line-height: 8px;">
                                        <td>
                                            &nbsp;
                                        </td>
                                    </tr>
                                    <tr>
                                        <td align="right" class="ControlTextLabels" style="height: 10px;">
                                            <span style="color: Red;">*</span>
                                            <label for="txtAddress">
                                                通讯地址：</label>
                                        </td>
                                        <td>
                                            <input name="txtAddress" type="text" id="txtAddress" required="required"
                                                style="width: 450px;" controlname="联系地址" isvalidator validatormsg="spanAddress" />
                                            <span class="alertPanel" id="spanAddress"></span>
                                        </td>
                                    </tr>
                                    <tr style="line-height: 8px;">
                                        <td>
                                            &nbsp;
                                        </td>
                                    </tr>
                                    <tr>
                                        <td align="right" class="ControlTextLabels" style="height: 10px;">
                                            <label for="txtPhone">
                                                邮编：</label>
                                        </td>
                                        <td>
                                            <input name="txtZIP" type="text" id="txtZIP" style="width: 150px;" /> 
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                    <div class="fieldsetBtm">
                    </div> 
                    <div class="buttons" style="margin-right: 350px;">
                        <span><a id="btn_login" href="###" onclick="javascript:if(validator.validatorAll()){this.disabled=true;SaveUserInfo();this.disabled=false;}">>
                            保存</a> </span>
                    </div>
                </div>
                </div>
            </div>
        </div>
    </div>
    <div class="clear">
    </div>
    <uc2:footer ID="footer1" runat="server" />
    </form>
</body>
</html>
